<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<title>Origin Blog</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="style.css"/>
	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/></script>
	<script src="js/easyAccordion.js"></script>
	<script src="js/utility.js"></script>
	
</head>
<body>
	<div id="page-wrap">
		<div id="header">
			<h1 id="logo"><a href="#">Origin Blog</a></h1>
		</div>
		
		<div id="top-bar">
				<ul id="menu-page-menu" class="group">
				<li><a href="#">Trang chủ</a></li> 
				<li><a href="#">Winphone »</a>
					<ul>
						<li><a href="#">New</a></li> 
						<li><a href="#">Event</a></li>
						<li><a href="#">Apps</a></li>
						<li><a href="#">Games</a></li>
						<li><a href="#">Developers</a></li>
					</ul>
				</li>
				<li><a href="#">Android »</a>
					<ul>
						<li><a href="#">Get Apps</a></li>
						<li><a href="#">Browse Devices</a></li>
						<li><a href="#">Discover Android</a></li>
						<li><a href="#">Google Play</a></li>
						<li><a href="#">Partners</a></li>
					</ul>
				</li>
				<li><a href="#">Tác giả »</a>
					<ul>
						<li><a href="#">Lê Văn Hưng</a></li>
						<li><a href="#">Tiểu sử</a></li>
						<li><a href="#">Sự nghiệp</a></li>
					</ul>
				</li>
				
				<li><a href="#">Liên hệ »</a></li>
				
			</ul>
			
			<div id="searchBox">
				<form id="search-form" action="" method="get"></form>
				<input type="text" name="s" id="s" value="" />
				<input type="submit" name="submit" value="Search" />
			</div>
			</div><!--end top-bar-->
			<div id="page-info">
			<div id="featured">
			
			 <div id="accordion">
            <dl class="easy-accordion">
                <dt>First slide</dt>
                <dd>
					<h3>This is the first slide</h3>
					<p><img src="images/img1.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p>
				</dd>
				
                <dt>Second slide</dt>
				
                <dd>
					<h3>Here is the second slide</h3>
					<p><img src="images/img2.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p>
				
				</dd>
                <dt>One more slide</dt>
				
                <dd>
					<h3>One more slide to go here</h3>
					<p><img src="images/img3.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p>
				</dd>
                <dt>Another slide</dt>
                <dd>
					<h3>Another slide to go here</h3>
					<p><img src="images/img4.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p>
				</dd>
                <dt>Wow one more</dt>
				
                <dd>
				<h3>Unbilievable one more slide here</h3>
					<p><img src="images/img5.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p>
				</dd>
					<dt>Last one</dt>
                <dd>
					<h3>This is definitely the last one</h3>
					<p><img src="images/img6.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p>
				</dd>
            </dl>
			</div><!--end accordion-->
			
			</div><!--end featrued-->
			<div id="facebook">
				<div id="fb-root"></div>
					<script>(function(d, s, id) {
					  var js, fjs = d.getElementsByTagName(s)[0];
					  if (d.getElementById(id)) return;
					  js = d.createElement(s); js.id = id;
					  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
					  fjs.parentNode.insertBefore(js, fjs);
					}(document, 'script', 'facebook-jssdk'));</script>
					<div class="fb-facepile" data-href="http://developers.facebook.com" data-size="large" data-max-rows="4" data-width="223"></div>
					
			</div>
		</div><!--end page-info-->
		<div id="content-wrap">
			<div id="first-sidebar">
				<div class="widget">
					<h2>Site Navigation</h2>
					<ul id="menu-categories-menu">
						<li><a href="#">Home Page</a></li> 
						<li><a href="#">About</a></li> 
						<li><a href="#">FAQs</a></li> 
						<li><a href="#">Contact</a></li> 
						<li><a href="#">Forum</a></li> 
					</ul>
				</div>
				
				<div class="widget">
					<h2>RSS Feeds</h2>
					<p class="date">August 20, 2012</p>
					<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
					<p>Pellentesque habitant morbi tristique ssenectus et netus et malesuada fames acturpis egestas. Vestibulum tortor queam, feugiat viate, unltricies eget, tempor sit amet, ante</p>
				</div>
			</div><!--end first-sidebar-->
			
			<div id="main-content">
				<h2><a href="#">Videos</a></h2>
				<div class="post">
					<a href=""><img src="images/post.jpg" alt="post img"/></a>
					<h3><a href="# ">Lỗi trên WP8: không thể copy file video</a></h3>
					<p>Ai cũng đều biết rằng một sản phẩm mới không thể tránh khỏi những trục trặc, sai sót và các thiết bị Windows Phone 8 mới cũng vậy với vài sự cố đã được Microsoft xác nhận gần đây như tự động khởi động lại.
						Trong khi Microsoft còn đang chuẩn bị tung ra bản cập nhật sửa lỗi khởi </p>
					<p class="meta-data">By: Lê Văn Hưng | on: August 20, 2012</p>
					<a class="comment-link">1</a>
					<a class="more-link" href="#"> Continue reading...</a>
				</div><!--end post-->
				
				<h2><a href="#">Social</a></h2>
				<div class="post">
					<a href=""><img src="images/post-2.png" alt="post image"/></a>
					<h3><a href="# ">Microsoft hợp tác với China Unicom</a></h3>
					<p>Có thể số phận của Windows Phone sẽ được quyết định tại Trung Quốc, nơi Microsoft và đối tác của họ đang có những bước tiến lớn nhằm loại bỏ sự độc tôn của Android tại thị trường khổng lồ này. Mới đầu tuần trước, Nokia đã có một thỏa thuận với China Mobile để cung cấp Lumia 920T trong tháng này và nay đích thân Microsoft cũng có những động thái mới tại Trung Quốc.
						Vào thứ 6 vừa qua, China Unicom và Microsoft đã họp báo chính thức công bố quan hệ đối tác giữa hai bên</p>
					<p class="meta-data">By: Lê Văn Hưng | on: August 20, 2012</p>
					<a class="comment-link">2</a>
					<a class="more-link" href="#">Continue reading...</a>
				</div><!--end post-->
				
				<h2><a href="#">Games Apps</a></h2>
				<div class="post">
					<a href=""><img src="images/post-3.png" alt="post image"/></a>
					<h3><a href="#">Angry Birds Space – Đại chiến không gian</a></h3>
					<p>Phiên bản Angry Birds Space là phiên bản thứ 4 trong loạt game Angry Birds đình đám, sẽ hứa hẹn đem lại cho người chơi nhiều điều bất ngờ và thú vị khi lần này những chú chim điên của chúng ta có những cuộc chiến đầy ác liệt ngoài không gian vũ trụ bao la cùng với nhiều tính năng mới hấp dẫn.</p>
					<p class="meta-data">By: Lê Văn Hưng | on: August 20, 2012</p>
					<a class="comment-link">3</a>
					<a class="more-link" href="#">Continue reading...</a>
				</div><!--end post-->
				
			</div><!--end main-content-->
			<div id="second-sidebar">
				<ul class="tabs">
					<li><a href="#random" class="active">Random</a></li>
					<li><a href="#new">Random</a></li>
					<li><a href="#popular">Random</a></li>
				</ul>
				<div class="tab_container">
					<div id="random" class="tab_content">
						<ul>
							<li><a href="#">HTML cơ bản</a></li>
							<li><a href="#">Tạo trang web đầu tiên</a></li>
							<li><a href="#">Giao diện với CSS</a></li>
							<li><a href="#">Từ PSD sang HTML</a></li>
							<li><a href="#">Cách sử dụng thẻ div</a></li>
							<li><a href="#">CSS Selectors</a></li>
							<li><a href="#">Photoshops</a></li>
							<li><a href="#">Giới thiệu về CSS</a></li>
							<li><a href="#">PHP cơ bản</a></li>
							<li><a href="#">Lỗi thường gặp IE 6</a></li>
						</ul>
					</div>
					
					<div id="news" class="tab_content">
						<ul>
							<li><a href="#">HTML cơ bản</a></li>
							<li><a href="#">Tạo trang web đầu tiên</a></li>
							<li><a href="#">Giao diện với CSS</a></li>
							<li><a href="#">Từ PSD sang HTML</a></li>
							<li><a href="#">Cách sử dụng thẻ div</a></li>
							<li><a href="#">CSS Selectors</a></li>
							<li><a href="#">Photoshops</a></li>
							<li><a href="#">Giới thiệu về CSS</a></li>
							<li><a href="#">PHP cơ bản</a></li>
							<li><a href="#">Lỗi thường gặp IE 6</a></li>
						</ul>
					</div>
					
					<div id="popular" class="tab_content">
						<ul>
							<li><a href="#">HTML cơ bản</a></li>
							<li><a href="#">Tạo trang web đầu tiên</a></li>
							<li><a href="#">Giao diện với CSS</a></li>
							<li><a href="#">Từ PSD sang HTML</a></li>
							<li><a href="#">Cách sử dụng thẻ div</a></li>
							<li><a href="#">CSS Selectors</a></li>
							<li><a href="#">Photoshops</a></li>
							<li><a href="#">Giới thiệu về CSS</a></li>
							<li><a href="#">PHP cơ bản</a></li>
							<li><a href="#">Lỗi thường gặp IE 6</a></li>
						</ul>
					</div>
					
				</div><!--end tab_container-->
				
				<div class="widget">
					<h2>Discussion</h2>
					<ul>
						<li>
							<strong><a href="#">Lorem ipsum dolor sit amet</a></strong>
							<p>Pellentesque habitant morbi tristique ssenectus et netus et malesuada fames acturpis egestas. Vestibulum tortor queam</p>
						</li>
						
						<li>
							<strong><a href="#">Lorem ipsum dolor sit amet</a></strong>
							<p>Pellentesque habitant morbi tristique ssenectus et netus et malesuada fames acturpis egestas. Vestibulum tortor queam</p>
						</li>
						
						<li>
							<strong><a href="#">Lorem ipsum dolor sit amet</a></strong>
							<p>Pellentesque habitant morbi tristique ssenectus et netus et malesuada fames acturpis egestas. Vestibulum tortor queam</p>
						</li>
					</ul>
				</div>
				
			</div><!--end second-sidebar-->
		</div><!--end content-wrap-->
	</div><!--end page-wrap-->

	<div id="footer">
		<p>Nhiều khi anh muốn đốt cháy tất cả...!</p>
		<img src="images/meme.jpg" alt="meme" />
	</div><!--end-footer-->
</body>
</html>